.container {
    @include flex;
    height: 100%;
    margin-top: 20px;
    justify-content: space-between;
    gap: 24px;

    .side,
    .list-content {
        background: white;
        height: 100%;
        border-radius: 10px;
    }

    .list-content{
        overflow: hidden;
    }

    .title {
        @include flex;
        align-items: center;
        font-size: 18px;
        position: relative;
    }

    .side {
        min-width: 280px;

        .side-list {
            .side-list-item {
                height: 40px;
                padding: 0 20px;
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                &-active {
                    color: rgb(var(--primary-6));
                    background: #D9E8FF;
                }
            }
        }
    }

    .list-content {
        flex: 1;
        position: relative;
    }
}
